import React, {Component} from 'react'

import './index.css'
class Talk  extends Component {

  render() {
   
    return (
        <div>
            <p class="container-title">新建聊天室通知</p>
           
           <div class="tnew-content">
             <p class="t-n-c-t">
              <span class="t-n-c-title">通知内容：</span>
              <textarea 
                name="" 
                id="" 
                cols="30" 
                rows="10" 
                placeholder="500字以内"></textarea>
             </p>

             <p class="t-n-c-i">
              <span class="t-n-c-img">通知图片</span>
              <div class="img-container">
                  <div class="left">图片</div>
                  <div class="img-tip">
                    <p>150*200分辨率的图片</p>
                    <button>上传图片</button>
                  </div>
                </div>
             </p>

             <p class="t-n-c-f">
              <span class="t-n-c-whether">是否开启</span>
              <span class="inner">
                <button class="btn btn-start">启用</button>
                <button class="btn btn-end">停用</button>
              </span>
             </p>
           </div>

           <div class="new-controller">
               <button class="btn finish">新建完成</button>
               <button class="btn quit">退出</button>
           </div>
        </div>
    )
  }
}

export default Talk